<!DOCTYPE html>
<html>
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

    <!-- Favicon Icon -->
    <link rel="shortcut icon" href="../assets/images/pagepig.ico" />

    <!-- inject css start -->

    <link href="../assets/css/theme-plugin.css" rel="stylesheet" />
    <link href="../assets/css/theme.min.css" rel="stylesheet" />

    <!-- inject css end -->

</head>

<body>
<!-- 引入head -->
<div class="head"></div>
<!-- page wrapper start -->

<div class="page-wrapper">
    <!-- preloader start -->

    <div id="ht-preloader">
        <div class="loader clear-loader"> <img class="img-fluid" src="../assets/images/loader.gif" alt=""> </div>
    </div>

    <!-- preloader end -->

<!--hero section start-->

<section class="bg-light py-4">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <h1 class="h2 mb-0">个人中心</h1>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-md-end bg-transparent p-0 m-0">
            <li class="breadcrumb-item"><a class="link-title" href="http://127.0.0.1:8888/page/index.html">首页</a>
            </li>
            <li class="breadcrumb-item active text-primary" aria-current="page">My Account</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- / .row -->
  </div>
  <!-- / .container -->
</section>

<!--hero section end--> 


<!--body content start-->

<div class="page-content">

<section class="dashboard-page">
  <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                <div class="dashboard_menu">
                    <ul class="nav nav-tabs border-0 flex-column" role="tablist">
                      <li class="nav-item">
                        <a class="nav-link active" id="dashboard-tab" data-toggle="tab" href="#dashboard" role="tab" aria-controls="dashboard" aria-selected="false">
                        佩奇牧场</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="orders-tab" data-toggle="tab" href="#orders" role="tab" aria-controls="orders" aria-selected="false">
                        我的订单</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="address-tab" data-toggle="tab" href="#address" role="tab" aria-controls="address" aria-selected="true">
                       我的收货地址</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="account-detail-tab" data-toggle="tab" href="#account-detail" role="tab" aria-controls="account-detail" aria-selected="true">
                      账户信息</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link"  href="/user/page/logout" >Logout</a>
<!--                        <a class="nav-link"  href="logout" onclick="clearAllCookie();" >Logout</a>-->
                      </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-9 col-md-8 mt-5 mt-lg-0 mt-md-0">
                <div class="tab-content dashboard_content">
                  	<div class="tab-pane fade active show" id="dashboard" role="tabpanel" aria-labelledby="dashboard-tab">
                    	<div class="card border-0">
                        	
                            <div class="card-body">
                    			<div class="welcome-msg">
                <h6>Hello!</h6>
                <p>欢迎登录佩奇牧场，您可以点击左侧菜单暂时最新的订单，修改您的收货地址已经退出登录。</p>
              </div>
                            </div>
                        </div>
                  	</div>
                  	<div class="tab-pane fade" id="orders" role="tabpanel" aria-labelledby="orders-tab">
                    	<div class="card border-0">
                                <h5 class="font-w-6">My Orders</h5>
                            <div class="card-body">
                    			<div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>订单</th>
                                                <th>日期</th>
                                                <th>状态</th>
                                                <th>总计</th>
                                                <th>详情</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>#56447894</td>
                                                <td>2021-1-9</td>
                                                <td>待支付</td>
                                                <td>￥59.00</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">详情</a></td>
                                            </tr>

                                            <tr>
                                                <td>#34672366</td>
                                                <td>2020-1-1</td>
                                                <td>待支付</td>
                                                <td>￥66.00</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">详情</a></td>
                                            </tr>
                                            <tr>
                                                <td>#34737894</td>
                                                <td>2020-12-31</td>
                                                <td>订单取消</td>
                                                <td>￥154.00</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">详情</a></td>
                                            </tr>

                                            <tr>
                                                <td>#23646376</td>
                                                <td>2020-12-6</td>
                                                <td>交易完成</td>
                                                <td>￥53.00</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">详情</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                  	</div>
					<div class="tab-pane fade" id="address" role="tabpanel" aria-labelledby="address-tab">
                    	<div class="row">
                        	<div class="col-lg-6">
                                <div class="card mb-3 mb-lg-0 border-0">
                                         <h5 class="font-w-6">默认地址</h5>
                                    <div class="card-body">
                      <address>
                        王思聪<br>
                        广东省 珠海市<br>
                        香洲区达内集团<br>
                        8号: 4563 <br>
                        手机号:18855668888<br>
                          </address>
                        <a href="#">修改地址</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card border-0">
                                    <h5 class="font-w-6">地址2</h5>
                              
                                    <div class="card-body">
                      <address>
                          嘿嘿云<br>
                          广东省 珠海市<br>
                          金湾区阿里噔噔集团<br>
                          8号: 4563 <br>
                          手机号:16677778888<br>
                        </address>
                                        <a href="#">修改地址</a>
                                    </div>
                                </div>
                            </div>
                        </div>
					</div>
                    <div class="tab-pane fade" id="account-detail" role="tabpanel" aria-labelledby="account-detail-tab">
						<div class="card border-0">
                           <h5 class="font-w-6">账户信息修改</h5>
                            <div class="card-body">
                                <form method="post" name="enq">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                        	<label>姓<span class="required">*</span></label>
                                            <input required class="form-control" name="name" type="text">
                                         </div>
                                         <div class="form-group col-md-6">
                                        	<label>名<span class="required">*</span></label>
                                            <input required class="form-control" name="phone">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>账户昵称<span class="required">*</span></label>
                                            <input required class="form-control" name="dname" type="text">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>电子邮箱<span class="required">*</span></label>
                                            <input required class="form-control" name="email" type="email">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>当前密码<span class="required">*</span></label>
                                            <input required class="form-control" name="password" type="password">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>新密码<span class="required">*</span></label>
                                            <input required class="form-control" name="npassword" type="password">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>确认新密码<span class="required">*</span></label>
                                            <input required class="form-control" name="cpassword" type="password">
                                        </div>
                                        <div class="col-md-12">
                                            <button type="submit" class="btn btn-primary" name="submit" value="Submit">保存</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>






</div>

<!--body content end-->


<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->
<!-- 引入footer -->
<div class="footer"></div>
<!-- inject js start -->

<script src="../assets/js/jquery-3.5.1.min.js"></script> <script src="../assets/js/popper.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<!--<script src="../assets/js/owl.carousel.min.js"></script>-->
<script src="../assets/js/light-slider.js"></script>
<script src="../assets/js/parallax.js"></script>
<script src="../assets/js/magnific-popup.min.js"></script>
<script src="../assets/js/jquery.countdown.min.js"></script>
<script src="../assets/js/jquery.dd.min.js"></script>
<script src="../assets/js/validator.js"></script>
<script src="../assets/js/wow.js"></script>
<script src="../assets/js/theme-script.js"></script>

<script src="../assets/js/jquery.cookie.js"></script>

<script type="text/javascript">
        //在js中引入head和footer
        $(document).ready(function () {
            $('.head').load('head.html');
            $('.footer').load('footer.html');
        });

</script>
<!-- inject js end -->

</body>
</html>
